﻿<!-- COMMENTED OUT FOR JUMBOTRON
<div>
    <h1>{{title}}</h1>
    <br />
</div> -->
<!---<div ng-controller="SearchController">
    <form class="form-inline">
        <input ng-model="query" type="text"
               placeholder="Search notes......." autofocus>
    </form>
    <ul ng-repeat="note in notes" | filter:query>
        <li>{{note}}</li>
    </ul>
    <<ul ng-repeat="note in notes">
        <li>{{n.notes}}</li>
    </ul>
</div>-->

<div ng-show="status.isLoggedIn">
    <a href="#/AddANote" class="btn btn-info btn-lg">Add A New Note</a><br />
    <br />
    <a href="#/UserNoteIndex" class="btn btn-info btn-lg" ng-click="getNotes();">View Current Notes</a><br />
</div>

<div ng-hide="status.isLoggedIn">

    <div class="container">
        <div class="row clearfix">
            <div class="col-md-12 column">
                <div class="jumbotron">
                    <h1 class="jumbotron-text">
                        Study Smarter, Together!
                    </h1>
                    <p class="jumbotron-text">
                        Save Those Notes is an online note-taking platform that gives you the ability to share your notes with your friends. It's like Facebook, for studying!
                    </p>
                    <p>
                        <a class="btn btn-danger btn-lg" href="#/Register">Sign Up</a>
                        <b>or</b>
                        <a class="btn btn-info btn-lg" href="#/Login">Log In</a>
                    </p>
                </div>
            </div>
        </div>
    </div>

    <br />
    <br />

    <div class="container-data" style="margin-bottom: 43px">
        <div class="row clearfix" style="margin-left: 40px;">
            <div class="col-md-6 column">
                <img style="height:auto; width:auto; max-width:180px; max-height:180px;" src="http://www.clker.com/cliparts/b/e/e/e/11949839881243335407note.svg.hi.png"><br />
                <h2>
                    <b><i>Take Note!</i></b>
                </h2>
                <p>
                    <b>Studies have shown that taking notes helps students retain more <br /> information, when compared to reading study material alone. <br /> Listen to the scientists, take notes! </b>
                </p>
            </div>
            <div class="col-md-6 column">
                <br />
                <img style="height:auto; width:auto; max-width:300px; max-height:300px;" src="http://www.clker.com/cliparts/I/X/w/b/A/L/unity-hi.png"><h2>
                    <br />

                    <b><i> Studying is more fun with friends! </i></b>
                </h2>
                <p>
                    <b> Studying by yourself can be boring. Share your notes with your friends, <br />through Facebook and Twitter! (coming soon) </b>
                </p>
                <a href="Up comming Features.html"><p>
                    <em> See a list of features we are working on to improve the site in the near future.</em>
                    </p></a>
            </div>
        </div>
    </div>

   <!-- COMMENTING OUT CAROUSEL FOR JUMBOTRON
        <div ng-app="carousel">
        <div class="container" ng-controller="folderCtrl">
            <!-- Carousel ================================================== -->
            <!-- COMMENTED OUT FOR JUMBTRON <div id="myCarousel" class="carousel slide" data-ride="carousel">-->

                <!-- Indicators --CLOSE HERE IF CAROUSEL IS IN USE--
                <ol class="carousel-indicators">

                    <li data-target="#myCarousel" ng-repeat="img in images" class="{active : (img === 0)}" data-slide-to="{{img}}"></li>
                </ol>
                <div class="carousel-inner">

                    <div ng-class="{item: true, active : (img === 0)}" ng-repeat="img in images">
                      <img ng-src="{{uri}}/{{w}}/{{h}}/{{currentFolder}}/{{img}}" alt="Slide numder {{img}}">
                        <div class="container">

                            <div class="carousel-caption"> </div>
                        </div>
                    </div>
                </div>

                <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
            </div>

            18
            <!-- /.carousel -->
            <!-- Fixed navbar -->
            <!--COMMENTED OUT FOR JUMBOTRON <div class="navbar navbar-default navbar-fixed-botom" role="navigation">

                <div class="container">
                    <div class="navbar-collapse collapse">
                        <ul class="nav navbar-nav">

                            <li ng-repeat="folder in folders" class="{{activeFolder(folder)}}" ng-click="selectFolder(folder)"> <a ng-href="#{{folder}}">{{folder}}</a> </li>
                        </ul>
                    </div>

                    <!--/.nav-collapse -->
                </div>
            </div>
        </div>
    </div>
</div>